<template>
    <view class="bg-[#f8f8f8] min-h-screen font-medium">
        <view class="h-[10rpx]"></view>
        <view class="bg-white px-[30rpx] py-[20rpx] ">
            <view class="text-[38rpx] border-b border-[#D8D8D8] pb-[30rpx] mx-[10rpx]">
                <!-- <view class="flex items-center justify-between">
                    <view>缴费剩余时间<text class="text-[#FD755D]">230</text>分钟</view>
                    <view class="text-[#FD755D] bg-[#ffe3df] px-[20rpx] py-[10rpx] rounded">取消报名</view>
                </view> -->
                <view class="text-center py-[20rpx]">2024年度秋季招生</view>
            </view>
            <view class="text-[34rpx] mx-[30rpx] border-b py-[20rpx] border-[#D8D8D8] pb-[30rpx]">
                <view class="text-center ">
                    <text>书法一班</text>
                    <text class="text-[#FD755D] ml-[30rpx]">200元</text>
                </view>
                <view class="text-center">教学点：XXXXXXXXXXXX</view>
            </view>
            <view class="text-[34rpx] mx-[30rpx] border-b py-[20rpx] border-[#D8D8D8] pb-[30rpx]">
                <view class="text-center ">
                    <text>声乐班</text>
                    <text class="text-[#FD755D] ml-[30rpx]">200元</text>
                </view>
                <view class="text-center">教学点：XXXXXXXXXXXX</view>
            </view>
            <view class="text-[34rpx] mx-[30rpx] border-b py-[20rpx] border-[#D8D8D8] pb-[30rpx]">
                <view class="text-center ">
                    <text>舞蹈班</text>
                    <text class="text-[#FD755D] ml-[30rpx]">200元</text>
                </view>
                <view class="text-center">教学点：XXXXXXXXXXXX</view>
            </view>
            <view class="py-[20rpx] text-right">合计：<text class="text-[#FD755D]">600元</text></view>
            <view  class="border-t py-[20rpx] border-[#D8D8D8] pb-[30rpx] text-[34rpx]">
                <view @click="navigateTo('/pages/expressRegistration/expressRegistration')" class="py-[20rpx] flex justify-between">
                    <view>报名表</view>
                    <view  class="text-[#FD755D]">详情></view>
                </view>
                <view  class="py-[20rpx] flex justify-between">
                    <view>手签版</view>
                    <view class="text-[#FD755D]">详情></view>
                </view>
                <view  class="py-[20rpx] flex justify-between">
                    <view>报名时间</view>
                    <view >2024.10.10 10:12</view>
                </view>
                <view  class="py-[20rpx] flex justify-between">
                    <view>缴费完成时间</view>
                    <view >2024.10.10 10:12</view>
                </view>
            </view>
          
        </view>
        <!-- <view class="mt-[50rpx] flex justify-between mx-[40rpx]">
            <view
                class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                填写报名表</view>
            <view
                class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                填写手签板</view>
        </view>
        <view class="mt-[105rpx] flex justify-center">
            <view
                class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                缴费</view>
        </view> -->
    </view>
</template>
<script setup>
const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>